<template>
	<div class="tradeDetail">
    <div>
        <group>
            <cell title="用户" value="购卡"></cell>
          <cell title="消费卡" value="￥1024"></cell>
          <!-- <cell&#45;form&#45;preview :list="list"></cell&#45;form&#45;preview> -->
        </group>
        <group>
          <cell title="用户" value="购卡"></cell>
          <cell title="消费卡" value="￥1024"></cell>
          <!-- <cell&#45;form&#45;preview :list="list"></cell&#45;form&#45;preview> -->
        </group>
      </div>
	</div>
</template>
<script>
	import { Grid, GridItem, CellFormPreview, Group, Cell } from 'vux'
import Vue from 'vue'
Vue.component('trading',{
  template:`
 <group>
   <div>

<cell title="用户" value="购卡"></cell>
     <cell-from-preview>ss</cell-from-preview>
   </div>
 </group>
  `
})
var MyComponent = Vue.extend({
  template:`
 hhhsdfsdf
 <group>
   <div>
ssssss
<cell title="用户" value="购卡"></cell>
     <cell-from-preview>ss</cell-from-preview>
   </div>
 </group>
  `
})
	export default {
		data (){
			return {

      list: [{
        label: 'Appile',
        value: '3.29'
      }, {
        label: 'Banana',
        value: '1.04'
      }, {
        label: 'Fish',
        value: '8.00'
      }]

			}
		},
		components: {
 Grid, GridItem, CellFormPreview, Group, Cell, MyComponent
		},
		methods: {

			saveData: function () {

	let xx = 	{
					"sessionId":"ed852194-ceb9-4316-b3cb-ef972f96d233","cardProductInfo":{"state":"normal","name":"card1","price":"1200","quantity":"3000","expireDate":"360","denomination":"150000","cardType":"normal"}
	}
	this.$http.post(this.$store.state.rests.addCard.url,xx).then(res => {
				console.log(res,"1111")
				}).then(err =>{
					console.error(err);
				})
			}

		}
	}
	</script>
<style>
    body{background:#efeff8;}
    .tradeDetail{position: relative; top:0;}
    .tradeDetail li{height:9vh; padding:0 3.2vw; font-size:0; display: flex;}
    .tradeDetail li .li-l,.tradeDetail li .li-r{width:50%;}
    .tradeDetail li .li-l{margin-top:2.7vh;}
    .tradeDetail li .li-l img{width:8vw; height:8vw; margin-right:3vw;}
    .tradeDetail li .li-l p{display:inline-block; font-size:1.95vh; line-height:4.5vw;}
    .tradeDetail li .li-l p span{font-size:1.5vh; line-height:6vw; color:#939393;}
    .tradeDetail li .li-r p{font-size:1.95vh; line-height:9vh;}
    .tradeDetail li .li-r p.payType{ float:left;color:#939393;}
    .tradeDetail li .li-r p.payMoney{ float:right; font-size:4vw;}

</style>
